@import './common/var.scss';

.wrap-table {
  .el-table {

    .el-table__header-wrapper,
    .el-table__fixed-header-wrapper {
      th {
        background: $--wrap-table-header-th-background-color;
      }
    }

    .c-button-list {
      justify-content: center;

      div {
        cursor: pointer;
      }

      div[disabled] {
        cursor: not-allowed;


        span,
        a {
          pointer-events: none;
          filter: grayscale(1);
        }

        svg {
          filter: grayscale(1) brightness(1);
        }

      }

      .btn {
        width: 24px;
        box-sizing: border-box;
      }
    }
  }

  .el-pagination__sizes {
    .el-select {
      display: inline-block;

      .el-input {
        width: 70px;
      }
    }

    span {
      color: $--wrap-table-pager-color;
      font-size: $--font-size-base;
      font-weight: $--font-weight-primary;

      i {
        margin: 0px 5px;
        font-style: $--wrap-table-pager-font-style
      }
    }
  }

  .btn {
    cursor: pointer;
  }

  .pagination {
    margin: 22px 0;
  }

  .el-pagination__total {
    font-size: $--font-size-base !important;
  }

  .toolbar {
    .cell {
      .item {
        margin: 0 5px;
      }
    }
  }

  .toolPanel {
    margin: 5px 0;
  }
}
